* {
    margin: 0;
    padding: 0;
}
.box() {
    display: flex;
}
li {
    list-style: none;
}


.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}



.padding01(@w) {
    .px2rem(padding-top,@w);
}






.padding02(@w) {
    .px2rem(padding-bottom,@w);
}
.padding03(@left) {
    .px2rem(padding-left,@left);
}
.padding04(@right) {
    .px2rem(padding-right,@right);
}
footer {
    .px2rem(height,98);
    background: #000;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    ul {
        .px2rem(height,98);
        align-items: center; 
        .box();
        justify-content: space-around;
        
        
        li {
            .px2rem(height,98);
            flex: 1;
            .box();
            flex-flow: column;
            align-items: center;
            a {
                display: block;
                color: #FFFFFF;
                .px2rem(font-size,28);
                .px2rem(padding-top,5);
            }
        }
        li:nth-child(4) {
            border: 1px  solid #6f6f6f;
            .px2rem(border-radius,12);
            background: url(../img/dibubj.png)no-repeat;
            background-size: contain; 
            background-size:149px 98px;
            p{
               img {
                   .px2rem(padding-top,15);
                    display: block;
                    width: 100%;
                } 
            }
            
        }
        li{
           p{
               img {
                   .px2rem(padding-top,10);
                    display: block;
                    width: 100%;
                } 
            } 
        }
    }
}
